<!DOCTYPE  html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <meta content="width=1200, initial-scale=1, maximum-scale=1, user-scalable=1" name="viewport">
    <title>租房</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/lease.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/zeng/lrtk.css}" />
    <style>
        .locationA {
            display: inline-block;
            height: 42px;
            vertical-align: middle;
            line-height: 42px;
            margin-left: 15px;
            background: #f39f0d;
            color: #fff !important;
            border-radius: 5px;
            position: relative;
            top: -4px;
            padding: 0 5px;
        }
        .check {
            color: #fff;
        }
        #sub-header{
            position: relative;border-bottom: 1px solid #f2f2f2;
        }
    </style>
</head>
<body>

<div th:replace="common-header :: #sub-header"></div>

<!-- 主体内容 -->
<div class="content area">
    <!-- 两个DIV -->
    <div class="_area mt67">
        <form action="/list" method="get">
        <div class="search">
            <input type="text" th:value="${searchList.keyword}" name="keyword" class="search-input font" placeholder="请输入区域商圈小区名开始找房" required>
            <input type="submit" class="font commit-search pr" value="搜索" style="cursor:pointer;"/>
            <!--<a href="javascript: (0)" class="font commit-search pr" style="border: 1px solid #f39f0d;">搜索</a>-->
            <a href="/map?uri=/list" target="_blank" class="font route_font locationA"><embed src="../images/index/local.svg" style="vertical-align: sub;width:20px;"/>换个姿势找房</a>
        </div>
        </form>
        <div class="address">
            <dl class="clear_fix">
                <dt>类型:</dt>
                <dd>
                    <ul>
                    <li>
                        <a
                                th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                        +'&roomNum=' + ${searchList.roomNum}
                                        +'&area='+${searchList.area}
                                        +'&keyword='+${searchList.keyword}
                                        +'&rent='+${searchList.rent}
                                        +'&type=-1'
                                        "
                                th:class="${(searchList.type+'') eq '-1'}?'check':''">

                            不限</a></li>
                    <li><a
                                th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                        +'&roomNum=' + ${searchList.roomNum}
                                        +'&area='+${searchList.area}
                                        +'&keyword='+${searchList.keyword}
                                        +'&rent='+${searchList.rent}
                                        +'&type=2'
                                        "
                                th:class="${(searchList.type+'') eq '2'}?'check':''">

                    荣者合租</a></li>
                        <li><a
                                th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                        +'&roomNum=' + ${searchList.roomNum}
                                        +'&area='+${searchList.area}
                                        +'&keyword='+${searchList.keyword}
                                        +'&rent='+${searchList.rent}
                                        +'&type=3'
                                        "
                                th:class="${(searchList.type+'') eq '3'}?'check':''">
                            荣者整租</a></li>
                    <li><a
                                th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                        +'&roomNum=' + ${searchList.roomNum}
                                        +'&area='+${searchList.area}
                                        +'&keyword='+${searchList.keyword}
                                        +'&rent='+${searchList.rent}
                                        +'&type=1'
                                        "
                                th:class="${(searchList.type+'') eq '1'}?'check':''">

                            荣者寓</a></li>
                        <li><a
                            th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                        +'&roomNum=' + ${searchList.roomNum}
                                        +'&area='+${searchList.area}
                                        +'&keyword='+${searchList.keyword}
                                        +'&rent='+${searchList.rent}
                                        +'&type=4'
                                        "
                            th:class="${(searchList.type+'') eq '4'}?'check':''">
                        荣者民宿</a></li>
                        <li><a
                                th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                        +'&roomNum=' + ${searchList.roomNum}
                                        +'&area='+${searchList.area}
                                        +'&keyword='+${searchList.keyword}
                                        +'&rent='+${searchList.rent}
                                        +'&type=5'
                                        "
                                th:class="${(searchList.type+'') eq '5'}?'check':''">
                            荣者驿</a></li>
                    </ul>
                </dd>
            </dl>

            <dl class="clear_fix">
                <dt>区域:</dt>
                <dd>
                    <ul>
                        <li>
                            <a th:href="'/list?'+'countyId=-1'
                                    +'&townId=-1'
                                    +'&routeId='+${searchList.routeId}
                                    +'&stationId='+${searchList.stationId}
                                    +'&roomNum='+${searchList.roomNum}
                                    +'&rent='+${searchList.rent}
                                    +'&keyword='+${searchList.keyword}
                                    +'&area='+${searchList.area}
                                    "
                               th:class="${(searchList.countyId+'') eq '-1'}?'check':''"
                            >不限</a>
                        </li>
                        <li th:each="county,countyStat: ${searchList.housePositionCounties}">
                                            <a th:href="'/list?'+  'countyId='+${county.countyId}
                                            +'&townId='+${searchList.townId}
                                            +'&routeId='+${searchList.routeId}
                                            +'&stationId='+${searchList.stationId}
                                            +'&roomNum='+${searchList.roomNum}
                                            +'&rent='+${searchList.rent}
                                            +'&keyword='+${searchList.keyword}
                                            +'&area='+${searchList.area}
                                            "
                                               th:class="${(county.countyId+'') eq (searchList.countyId+'')}?'check':''"
                                               th:text="${county.countyName}">

                                            </a>
                            <div class="con">
                                            <span class="triangle" style="border-top: 9px solid #fcfcfc;"></span>
                                            <span >
                                                <a th:href="'/list?'+  'countyId='+${county.countyId}
                                                   +'&townId='+${searchList.townId}
                                                    +'&routeId='+${searchList.routeId}
                                                    +'&stationId='+${searchList.stationId}
                                                    +'&roomNum='+${searchList.roomNum}
                                                    +'&rent='+${searchList.rent}
                                                    +'&keyword='+${searchList.keyword}
                                                    +'&area='+${searchList.area}"
                                                   th:class="${(searchList.townId+'') eq '-1'}?'check':''"
                                                >全部</a>
                                            </span>
                                <span  th:each="town,townStat:${county.townList}">
                                                <a th:href="'/list?'+  'countyId='+${county.countyId}
                                                +'&townId='+${town.townId}
                                                +'&routeId='+${searchList.routeId}
                                                +'&stationId='+${searchList.stationId}
                                                +'&roomNum='+${searchList.roomNum}
                                                +'&rent='+${searchList.rent}
                                                +'&area='+${searchList.area}
                                                +'&keyword='+${searchList.keyword}
                                                "
                                                   th:class="${(town.townId+'') eq (searchList.townId+'')}?'check':''"
                                                   th:text="${town.townName}"></a>
                                            </span>
                            </div>
                        </li>
                    </ul>
                </dd>
            </dl>

            <dl class="clear_fix">
                <dt>地铁:</dt>
                <dd>
                    <ul>
                        <li>
                            <a th:href="'/list?'
                                    +  'countyId='+${searchList.countyId}
                                    +'&townId='+${searchList.townId}
                                    +'&routeId=-1'
                                    +'&stationId='+${searchList.stationId}
                                    +'&roomNum='+${searchList.roomNum}
                                    +'&rent='+${searchList.rent}
                                    +'&keyword='+${searchList.keyword}
                                    +'&area='+${searchList.area}
                                    "
                               th:class="${(searchList.routeId+'') eq '-1'}?'check':''">不限</a>
                        </li>
                        <li th:each="route,routeStat:${searchList.houseRoutes}">
                            <a th:href="'/list?'
                                            +'countyId='+${searchList.countyId}
                                            +'&townId='+${searchList.townId}
                                            +'&routeId='+${route.id}
                                            +'&stationId='+${searchList.stationId}
                                            +'&roomNum='+${searchList.roomNum}
                                            +'&rent='+${searchList.rent}
                                            +'&keyword='+${searchList.keyword}
                                            +'&area='+${searchList.area}
                                            "
                               th:class="${(route.id+'') eq (searchList.routeId+'')}?'check':''"
                               th:text="${route.name}"></a>
                            <!-- 扩展内容 -->
                            <div class="con">
                                <span class="triangle" style="border-top: 9px solid #fcfcfc;"></span>
                                <span>
                                    <a th:href="'/list?'
                                    +  'countyId='+${searchList.countyId}
                                    +'&townId='+${searchList.townId}
                                    +'&routeId='+${searchList.routeId}
                                    +'&stationId=-1'
                                    +'&roomNum='+${searchList.roomNum}
                                    +'&rent='+${searchList.rent}
                                    +'&keyword='+${searchList.keyword}
                                    +'&area='+${searchList.area}
                                    "
                                       th:class="${(searchList.stationId+'') eq '-1'}?'check':''"
                                    >全部</a>
                                </span>
                                <span th:each="station,stationStat:${route.stationList}">
                                    <a th:href="'/list?'
                                    +  'countyId='+${searchList.countyId}
                                    +'&townId='+${searchList.townId}
                                    +'&routeId='+${route.id}
                                    +'&stationId='+${station.id}
                                    +'&roomNum='+${searchList.roomNum}
                                    +'&rent='+${searchList.rent}
                                    +'&area='+${searchList.area}
                                    +'&keyword='+${searchList.keyword}
                                    "
                                       th:class="${(station.id+'') eq (searchList.stationId+'')}?'check':''"
                                       th:text="${station.name}"></a>
                                </span>
                            </div>
                        </li>
                    </ul>
                </dd>
            </dl>

            <dl class="clear_fix">
                <dt>房型:</dt>
                <dd>
                    <ul>
                        <li>
                            <a th:href="'/list?'
                                            +  'countyId='+${searchList.countyId}
                                            +'&townId='+${searchList.townId}
                                            +'&routeId='+${searchList.routeId}
                                            +'&stationId=' + ${searchList.stationId}
                                            +'&rent='+${searchList.rent}
                                            +'&area='+${searchList.area}
                                            +'&keyword='+${searchList.keyword}
                                            +'&roomNum=-1'"
                                    th:class="${(searchList.roomNum+'') eq '-1'}?'check':''">不限
                            </a>
                        </li>
                        <li>
                                <a th:href="'/list?'
                                            +  'countyId='+${searchList.countyId}
                                            +'&townId='+${searchList.townId}
                                            +'&routeId='+${searchList.routeId}
                                            +'&stationId=' + ${searchList.stationId}
                                            +'&rent='+${searchList.rent}
                                            +'&keyword='+${searchList.keyword}
                                            +'&area='+${searchList.area}
                                            +'&roomNum=1'"
                               th:class="${(searchList.roomNum+'') eq '1'}?'check':''"
                            >1居</a>
                        </li>
                        <li>
                                <a th:href="'/list?'
                                            +  'countyId='+${searchList.countyId}
                                            +'&townId='+${searchList.townId}
                                            +'&routeId='+${searchList.routeId}
                                            +'&stationId=' + ${searchList.stationId}
                                            +'&rent='+${searchList.rent}
                                            +'&keyword='+${searchList.keyword}
                                            +'&area='+${searchList.area}
                                            +'&roomNum=2'"
                               th:class="${(searchList.roomNum+'') eq '2'}?'check':''"
                            >2居</a>
                        </li>
                        <li>
                            <a th:href="'/list?'
                                            +  'countyId='+${searchList.countyId}
                                            +'&townId='+${searchList.townId}
                                            +'&routeId='+${searchList.routeId}
                                            +'&stationId=' + ${searchList.stationId}
                                            +'&rent='+${searchList.rent}
                                            +'&area='+${searchList.area}
                                            +'&keyword='+${searchList.keyword}
                                            +'&roomNum=3'"
                               th:class="${(searchList.roomNum+'') eq '3'}?'check':''"
                            >3居</a>
                        </li>
                        <li>
                                <a th:href="'/list?'
                                            +  'countyId='+${searchList.countyId}
                                            +'&townId='+${searchList.townId}
                                            +'&routeId='+${searchList.routeId}
                                            +'&stationId=' + ${searchList.stationId}
                                            +'&rent='+${searchList.rent}
                                            +'&area='+${searchList.area}
                                            +'&keyword='+${searchList.keyword}
                                            +'&roomNum=4'"
                               th:class="${(searchList.roomNum+'') eq '4'}?'check':''"
                            >3居以上</a>
                        </li>
                    </ul>
                </dd>
            </dl>
            <dl class="clearfix">
                <dt>租金:</dt>
                <dd>
                    <ul>
                        <li>
                        <a
                                th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                        +'&roomNum=' + ${searchList.roomNum}
                                        +'&area='+${searchList.area}
                                        +'&keyword='+${searchList.keyword}
                                        +'&rent=-1'"
                                th:class="${(searchList.rent) eq '-1'}?'check':''">
                            不限
                        </a>
                        </li>
                        <li>
                        <a th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                         +'&roomNum=' + ${searchList.roomNum}
                                         +'&area='+${searchList.area}
                                         +'&keyword='+${searchList.keyword}
                                        +'&rent=1'"
                           th:class="${(searchList.rent) eq '1'}?'check':''"
                        >1500元以下</a>
                        </li>
                        <li>
                        <a th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                        +'&roomNum=' + ${searchList.roomNum}
                                        +'&area='+${searchList.area}
                                        +'&keyword='+${searchList.keyword}
                                        +'&rent=2'"
                           th:class="${(searchList.rent) eq '2'}?'check':''"
                        >1500~2000元</a>
                        </li>
                        <li>
                        <a th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                          +'&roomNum=' + ${searchList.roomNum}
                                          +'&area='+${searchList.area}
                                          +'&keyword='+${searchList.keyword}
                                        +'&rent=3'"
                           th:class="${(searchList.rent) eq '3'}?'check':''"
                        >2000~2500元</a>
                        </li>
                        <li>
                        <a th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                          +'&roomNum=' + ${searchList.roomNum}
                                          +'&area='+${searchList.area}
                                          +'&keyword='+${searchList.keyword}
                                        +'&rent=4'"
                           th:class="${(searchList.rent) eq '4'}?'check':''"
                        >2500元以上</a>
                        </li>
                    </ul>
                </dd>
            </dl>
            <dl class="last-li">
                <b>已选择：</b>
                <span th:each="tag,tagStat:${searchList.queryTags}" th:if="${!#lists.isEmpty(searchList.queryTags)}">
                <a th:href="'/list?'+${tag.closeHref}">
                    <i th:text="${tag.tagName}"></i>
                    <i class="icon close"></i>
                </a>
               </span>
                <a th:if="${!#lists.isEmpty(searchList.queryTags)}" href="/list">
                        <i class="icon delete"></i>
                        <a href="/list">全部删除
                    </a>
                </a>
            </dl>
        </div>
    </div>

    <div class="_area mt67" style="margin-bottom: 60px">
        <div style="margin-left: 60px">
            <div style="margin-top: 40px;">
                <!-- 导航 -->
                <ul class="sort">
                    <li>
                        <a class="font default-sort" style="cursor: auto" th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                        +'&roomNum=' + ${searchList.roomNum}
                                        +'&rent=' + ${searchList.rent}
                                        +'&area='+${searchList.area}
                                        +'&keyword='+${searchList.keyword}
                                        +'&orderStr=1&order=2'"
                           title="默认排序" th:class="${searchList.orderStr+'' eq '1'}?'check':''">默认排序
                        <i></i></a>
                    </li>
                    <li>
                        <!--<span>价格<i class="up icon"></i></span>-->
                        <a th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                        +'&roomNum=' + ${searchList.roomNum}
                                        +'&rent=' + ${searchList.rent}
                                        +'&area='+${searchList.area}
                                        +'&keyword='+${searchList.keyword}
                                        +'&orderStr=2&order=1'"
                           title="点击按价格从低到高排序" th:class="${searchList.orderStr+'' eq '2'}?'check':''">价格
                            <i class="up icon"></i>
                        </a>

                    </li>
                    <li>
                        <!--<span>面积<i class="down icon"></i></span>-->
                        <a th:href="'/list?'
                                        +  'countyId='+${searchList.countyId}
                                        +'&townId='+${searchList.townId}
                                        +'&routeId='+${searchList.routeId}
                                        +'&stationId=' + ${searchList.stationId}
                                        +'&roomNum=' + ${searchList.roomNum}
                                        +'&rent=' + ${searchList.rent}
                                        +'&area='+${searchList.area}
                                        +'&keyword='+${searchList.keyword}
                                        +'&orderStr=3&order=1'"
                           title="点击按面积从大到小排序" th:class="${searchList.orderStr+'' eq '3'}?'check':''">面积
                            <i class="down icon"></i>
                        </a>
                    </li>
                </ul>
                <!-- 房屋信息 -->
                <div class="house-info" th:if="${searchList.houseOverviews!=null && searchList.houseOverviews.size()>0}">
                    <div class="info-list" th:each="houseOverview,houseOverviewStat:${searchList.houseOverviews}">
                        <div class="img" style="cursor:pointer;">
                            <img th:src="${houseOverview.cover+'?imageView2/1/w/394/h/290'}" th:alt="${houseOverview.regionName}" th:onclick="'javascript:readMore('+${houseOverview.id}+')'" width="100%">
                        </div>
                        <div class="detail">
                            <div style="margin-left: 30px;">
                                <h1 class="title" th:text="${houseOverview.regionName+'-'+houseOverview.name}"></h1>
                                <div style="margin-top: 47px">
                                    <div>
                                        <span class="rent whole" style="margin-right: 8px" th:text="${houseOverview.entireRent}?'整':'合'"></span>
                                        <span class="font route_font" th:text="${houseOverview.type +' | '+houseOverview.area+'㎡ | 精装'}"></span>
                                    </div>
                                    <div style="margin-top: 14px">
                                        <span class="font route_font" th:each="traffic,trafficStat:${houseOverview.houseTrafficList}"
                                              th:if="${trafficStat.first}">
                                        <i class="icon localhost pr"></i>
                                        <span th:text="${traffic.traffic}"></span>
                                    </span>
                                    </div>
                                </div>
                                <ul class="tags" style="margin-top: 60px" th:if="${houseOverview.houseTags!=null && houseOverview.houseTags.size()>0}">
                                    <li class="fl" th:each="houseTag,houseTagStat:${houseOverview.houseTags}" th:if="${houseTagStat.index<3}">
                                        <span th:text="${houseTag.name }"></span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="price-see">
                            <span class="price font" th:text="'￥'+${houseOverview.rent==null?'':houseOverview.rent}+'/月'"></span>
                            <div class="see">
                                <button  class="see-more" th:onclick="'javascript:readMore('+${houseOverview.id}+')'">查看更多</button>
                            </div>
                        </div>
                    </div>

                    <div class="pages"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:replace="common-footer :: #sub-footer"></div>
<div th:replace="common-rightbar :: #sub-rightbar"></div>
</body>
<script type="text/javascript" th:src="@{../js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{../js/common.js}"></script>
<script type="text/javascript" th:src="@{../js/page.js}"></script>
<script th:inline="javascript">
    var total=[[${searchList.total}]];
    var countyId=[[${searchList.countyId}]];
    var townId=[[${searchList.townId}]];
    var routeId=[[${searchList.routeId}]];
    var stationId=[[${searchList.stationId}]];
    var roomNum=[[${searchList.roomNum}]];
    var area=[[${searchList.area}]];
    var keyword=[[${searchList.keyword}]];
    var rent=[[${searchList.rent}]];
    var currentpage=[[${searchList.currentpage}]];
    var type=[[${searchList.type}]];
</script>
<script type="text/javascript" th:src="@{../js/list.js}"></script>
</html>
